
var URL ="http://8.129.53.188:9091/"
// var URL ="http://192.168.2.68:9091/"


// 屠宰市场监管人员 屠宰市场可视化页面
		
// 基于准备好的dom，初始化echarts实例
var myChart1= echarts.init(document.getElementById('main1'));
var myChart2 = echarts.init(document.getElementById('main2'));
var myChart3 = echarts.init(document.getElementById('main3'));
//var myChart4 = echarts.init(document.getElementById('main4'));
var myChart5 = echarts.init(document.getElementById('main5'));

// 各市场今日贴标量
var myChart6 = echarts.init(document.getElementById('main6'));
// var myChart7 = echarts.init(document.getElementById('main7'));


getNowFormatDate();
getDeadlineNow();
getUsers();
marketAjax();
// allLabelAjax();
charts2Ajax();
// charts5Ajax();
init_myChart5();
charts6Ajax();
// charts7Ajax();



$('.select').on('blur', function () {
	$(this).find('.select-ul').hide();
})
//下拉框点击出现下拉框内容
$('.select-div').on('click', function () {
if ($(this).siblings('.select-ul').is(":hidden")) {
	$(this).siblings('.select-ul').show();
} else {
	$(this).siblings('.select-ul').hide();
}
})


$('.select-ul').on('click', 'li', function () {
$(this).addClass('active').siblings('li').removeClass('active').parent().hide().siblings('.select-div').html($(this).html());
var parentDiv = $(this).parent().parent().parent();
})

// 获取所有父类下的数据
function getDeadlineNow() {
    $.ajax({
        type: "GET",
        // url: `${URL}PoultrySales/findCountOfParentThisYear/by/house?houseId=${marketId}`,
        url:`${URL}supervise/allpoultrynum`,
        dataType: "json",
        success(data) {
            data = data.object
			init_myChart1(data)
            deadlineNow(data)
        },
        error() { }
    })
}

// 迄今为止
function deadlineNow(data) {
    let allDeadline = ''
	for (var i = 0; i < data.length; i++) {
		allDeadline +=
			'<ul class="use-data">'+
			'<li>' +
				'<p class="data-name">' + data[i].name + '</p>' +
			'</li>'	+
			'<li>' +
				'<p class="data-count">' + data[i].value + '</p>' +
			'</li>'+
			'</ul>'
		$(".deadlineNow").html(allDeadline)
	}
}

// 禽类贴标占比
function init_myChart1(data){
	option = {
			tooltip : {
				trigger: 'item',
				formatter: "{b} : {c} ({d}%)"
			},
			color:['#8fc31f','#f35833','#00ccff','#ffcc00','#f5e965','#a74faf','#ff9668'],
		   
			series : [
				{
					// name: '资源总量构成',
					type: 'pie',
					radius : '45%',
					center: ['50%', '50%'],
					// data:[
					// 	{value:432, name:'鸡'},
					// 	{value:679, name:'鸭'},
					// 	{value:848, name:'鹅'},
					// 	{value:848, name:'其他'}
					// ],
					data:data,
					itemStyle: {
						emphasis: {
							shadowBlur: 10,
							shadowOffsetX: 0,
							shadowColor: 'rgba(0, 0, 0, 0.5)'
						}
					},
					itemStyle: {
						normal: {
							label:{ 
								show: true, 
	//	                            position:'inside',
								formatter: '{b} : {c} ({d}%)' ,
								fontSize : 14,    //文字的字体大小
							}
						},
						labelLine :{show:true}
					}
				}
			]
		};
// 使用刚指定的配置项和数据显示图表。
	myChart1.setOption(option);
}

var charts2Data = null;
//某镇总体贴标数据ajax
function charts2Ajax() {
    $.ajax({
        type: 'GET',
        url:`${URL}supervise/findninenum`,
        dataType: "json",
        success: function (data) {
            charts2Data  = data.object;      
        },
        error: function (data) { }
    })
}

var num =0 ;
//  小榄镇总体超市/餐厅贴标数据
function resourceType() {	
    $('.data-label li').eq(num).addClass('active').siblings().removeClass('active');
    urlType();
    num++;
    if (num >= 2) {
        num = 0;
    }
}

//   类型点击切换
$('.data-label').on('click', 'li', function () {
    $(this).addClass('active').siblings().removeClass('active');
    $('.active-data-label').html($('.data-label li.active').html());
    resourceType();
});

var oTimer = setInterval(resourceType, 7000);
//    hover清除定时器
$('.data-label').hover(function () {
    clearInterval(oTimer);
}, function () {
    oTimer = setInterval(resourceType, 7000);
});

var resourceDataType = $('.data-label li.active').data('type');//用于切换
function urlType() {
	var totalDayCount = [];
	var totalMonthCount = [];
	var totalDayTime = [];
	var totalDayTime1 = [];
	var totalMonthTime = [];
	var totalMonthTime1 = [];
	
	if (charts2Data == null) {
		return;
	}

	if (charts2Data.totalDay != null) {
		
		for (var i = charts2Data.totalDay.length-1; i >= 0; i--) {
			totalDayCount.push(charts2Data.totalDay[i].count);
		}
		for (var i = charts2Data.totalDay.length-1; i >= 0; i--) {
			totalDayTime1.push(charts2Data.totalDay[i].time);
		}
	}

	if (charts2Data.totalMonth != null) {
		for (var i = charts2Data.totalMonth.length-1 ; i >= 0; i--) {
			totalMonthCount.push(charts2Data.totalMonth[i].count);
		}
		for (var i = charts2Data.totalMonth.length-1 ; i >= 0; i--) {
			totalMonthTime1.push(charts2Data.totalMonth[i].time);
		}
	}

	// 对日期进行替换和加字符串处理
	totalDayTime1.forEach(e => {
		e = e + '日'
		e = e.replace(/-/,'年\n').replace(/年\n0/,'年\n').replace(/-/,'月').replace(/月0/,'月')
		totalDayTime.push(e);
	});

	// 对月份进行替换和加字符串处理
	totalMonthTime1.forEach(e => {
		e = e + '月'
		e = e.replace(/-/,'年\n').replace(/年\n0/,'年\n')
		totalMonthTime.push(e);
	});

    resourceDataType = $('.data-label li.active').data('type');
    if (resourceDataType == 1) {
		init_myChart2(totalDayCount,totalDayTime);
    } else if (resourceDataType == 2) {
		init_myChart2(totalMonthCount,totalMonthTime);
    } 
}


//某镇总体贴标数据
function init_myChart2(count,time) {
	option = {
	
		tooltip: {
			trigger: 'axis',
			formatter: function (params, ticket, callback) {
				var res = '';
				for (var i = 0, l = params.length; i < l; i++) {
					res += '' + params[i].seriesName + ' : ' + params[i].value + '<br>';
				}
				return res;
			},
			transitionDuration: 0,
			backgroundColor: 'rgba(83,93,105,0.8)',
			borderColor: '#535b69',
			borderRadius: 8,
			borderWidth: 2,
			padding: [5, 10],
			axisPointer: {
				type: 'line',
				lineStyle: {
					type: 'dashed',
					color: '#ffff00'
				}
			}
		},
		legend: {
			icon: 'circle',
			itemWidth: 8,
			itemHeight: 8,
			itemGap: 10,
			top: '16',
			right: '10',
			textStyle: {
				fontSize: 14,
				color: '#a0a8b9'
			}
		},
		grid: {
			top:'46',
			left: '8%',
			right: '30',
			//bottom: '10%',
			containLabel: false
		},
		xAxis: [{
			type: 'category',
			boundaryGap: false,
			axisLabel: {
				interval: 0,
				fontSize:14
			},
			axisLine: {
				show: false,
				lineStyle: {
					color: '#a0a8b9'
				}
			},
			axisTick: {
				show: false
			},
			data: time,
			offset: 10
		}],
		yAxis: [{
			type: 'value',
			axisLine: {
				show: false,
				lineStyle: {
					color: '#a0a8b9'
				}
			},
			axisLabel: {
				margin: 10,
				textStyle: {
					fontSize: 14
				}
			},
			splitLine: {
				lineStyle: {
					color: '#2b3646'
				}
			},
			axisTick: {
				show: false
			}
		}],
		series: [
			{
			name: '今日贴标数',
			type: 'line',
			smooth: true,
			showSymbol: false,
			lineStyle: {
				normal: {
					width: 2
				}
			},
			areaStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
						offset: 0,
						color: 'rgba(107, 180, 28, 0.3)'
					}, {
						offset: 0.8,
						color: 'rgba(107, 180, 28, 0)'
					}], false),
					shadowColor: 'rgba(0, 0, 0, 0.1)',
					shadowBlur: 10
				}
			},
			itemStyle: {
				normal: {
					color: '#1cc840'
				}
			},
			data: count
		}, 
			// {
			// 	name: '平均贴标数',
			// 	type: 'line',
			// 	smooth: true,
			// 	showSymbol: false,
			// 	lineStyle: {
			// 		normal: {
			// 			width: 2
			// 		}
			// 	},
			// 	areaStyle: {
			// 		normal: {
			// 			color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
			// 				offset: 0,
			// 				color: 'rgba(219, 50, 51, 0.3)'
			// 			}, {
			// 				offset: 0.8,
			// 				color: 'rgba(219, 50, 51, 0)'
			// 			}], false),
			// 			shadowColor: 'rgba(0, 0, 0, 0.1)',
			// 			shadowBlur: 10
			// 		}
			// 	},
			// 	itemStyle: {
			// 		normal: {
			// 			color: '#eb5690'
			// 		}
			// 	},
			// 	data: viewCnt
			// }, 
		//  {
		// 	name: '更新量',
		// 	type: 'line',
		// 	smooth: true,
		// 	showSymbol: false,
		// 	lineStyle: {
		// 		normal: {
		// 			width: 2
		// 		}
		// 	},
		// 	areaStyle: {
		// 		normal: {
		// 			color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
		// 				offset: 0,
		// 				color: 'rgba(0, 136, 212, 0.3)'
		// 			}, {
		// 				offset: 0.8,
		// 				color: 'rgba(0, 136, 212, 0)'
		// 			}], false),
		// 			shadowColor: 'rgba(0, 0, 0, 0.1)',
		// 			shadowBlur: 10
		// 		}
		// 	},
		// 	itemStyle: {
		// 		normal: {
		// 			color: '#43bbfb'
		// 		}
		// 	},
		// 	data: updateCnt
		// }
		]
	};
	myChart2.setOption(option);
}

// 返回所有超市餐厅ajax
function marketAjax() {
    $.ajax({
        type: 'GET',
        // url: `${URL}supervise/findnumByMarketToday/houseId?id=${marketId}`,
        url:`${URL}SlaughterData/allSlaughter`,
        dataType: "json",
        success: function (data) {
            marketData  = data.object;      
            marketSelect(marketData);
			initMarketID = "123456789";
			allLabelAjax(initMarketID);
			// init_myChart5();
        },
        error: function (data) { }
    })
}

// 选择农贸市场
function marketSelect(marketData){
	let allMarketSelect = ''
	for (var i = marketData.length-1 ; i >= 0; i--) {
		allMarketSelect +=
			`<li onclick="allLabelAjax(${marketData[i].id})">${marketData[i].name}</li>`
		$(".market-ul").html(allMarketSelect)
	}
}

// 近九月贴标数ajax
function allLabelAjax(id) {
    $.ajax({
        type: 'GET',
        // url: `${URL}supervise/findnumByMarketToday/houseId?id=${marketId}`,
        url:`${URL}SlaughterData/nearpoultrynum?slaughterId=${id}`,
        dataType: "json",
        success: function (data) {
            allLabelData  = data.object;      
            init_myChart3(allLabelData);
        },
        error: function (data) { }
    })
}

// 近九月贴标数
function init_myChart3(allLabelData) {
	var duck = [];
	var goose = [];
	var fowl = [];
	var rest = [];
	var month = [];
	var month1 = allLabelData.month.reverse();
	
	// 对月份进行替换和加字符串处理
	month1.forEach(e => {
		e = e + '月'
		e = e.replace(/-/,'年\n').replace(/年\n0/,'年\n')
		month.push(e);
	});

	for (var i = allLabelData.count.duck.length-1; i >=0 ; i--) {
		duck.push(allLabelData.count.duck[i].num);
	}


	if (allLabelData.count != null) {
		for (var i = allLabelData.count.duck.length-1; i >=0 ; i--) {
			duck.push(allLabelData.count.duck[i].num);
		}
		for (var i = allLabelData.count.goose.length-1; i >=0 ; i--) {
			goose.push(allLabelData.count.goose[i].num);
		}
		for (var i = allLabelData.count.else.length-1; i >=0 ; i--) {
			rest.push(allLabelData.count.else[i].num);
		}
		for (var i = allLabelData.count.fowl.length-1; i >=0 ; i--) {
			fowl.push(allLabelData.count.fowl[i].num);
		}
	}

	
	
	option = {
		tooltip: {
			trigger: 'axis',
			formatter: function (params, ticket, callback) {
				var res = '';
				for (var i = 0, l = params.length; i < l; i++) {
					res += '' + params[i].seriesName + ' : ' + params[i].value + '<br>';
				}
				return res;
			},
			transitionDuration: 0,
			backgroundColor: 'rgba(83,93,105,0.8)',
			borderColor: '#535b69',
			borderRadius: 8,
			borderWidth: 2,
			padding: [5, 10],
			axisPointer: {
				type: 'line',
				lineStyle: {
					type: 'dashed',
					color: '#ffff00'
				}
			}
		},
		legend: {
			icon: 'circle',
			itemWidth: 8,
			itemHeight: 8,
			itemGap: 10,
			top: '16',
			right: '10',
			textStyle: {
				fontSize: 14,
				color: '#a0a8b9'
			}
		},
		grid: {
			top: '46',
			left: '7.5%',
			right:'6%',
			// right: '10',
			//bottom: '10%',
			containLabel: false
		},
		xAxis: [{
			type: 'category',
			boundaryGap: false,
			axisLabel: {
				interval: 0,
				fontSize:14
			},
			axisLine: {
				show: false,
				lineStyle: {
					color: '#a0a8b9'
				}
			},
			axisTick: {
				show: false
			},
			data: month,
			offset: 10,
			"axisLabel": {
				"interval": 0,
				fontSize:14,
				// formatter:function(value)
				// {	

				// 	var ret = "";//拼接加\n返回的类目项
				// 	var maxLength = 4;//每项显示文字个数
				// 	var valLength = value.length;//X轴类目项的文字个数
				// 	var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
				// 	if (rowN > 1)//如果类目项的文字大于3,
				// 	{
				// 		for (var i = 0; i < rowN; i++) {
				// 			var temp = "";//每次截取的字符串
				// 			var start = i * maxLength;//开始截取的位置
				// 			var end = start + 1 + maxLength;//结束截取的位置
				// 			//这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
				// 			temp = value.substring(start, end) + "\n";
				// 			ret += temp; //凭借最终的字符串
				// 		}
				// 		return ret;
				// 	}
				// 	else {
				// 		return value;
				// 	}
				// }
			},
		}],
		yAxis: [{
			type: 'value',
			axisLine: {
				show: false,
				lineStyle: {
					color: '#a0a8b9'
				}
			},
			axisLabel: {
				margin: 10,
				textStyle: {
					fontSize: 14
				}
			},
			splitLine: {
				lineStyle: {
					color: '#2b3646'
				}
			},
			axisTick: {
				show: false
			}
		}],
		series: [{
			name: '鸡',
			type: 'line',
			smooth: true,
			showSymbol: false,
			lineStyle: {
				normal: {
					width: 2
				}
			},
			areaStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
						offset: 0,
						color: 'rgba(137, 189, 27, 0.3)'
					}, {
						offset: 0.8,
						color: 'rgba(137, 189, 27, 0)'
					}], false),
					shadowColor: 'rgba(0, 0, 0, 0.1)',
					shadowBlur: 10
				}
			},
			itemStyle: {
				normal: {
					color: '#1cc840'
				}
			},
			data: fowl
		}, {
			name: '鸭',
			type: 'line',
			smooth: true,
			showSymbol: false,
			lineStyle: {
				normal: {
					width: 2
				}
			},
			areaStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
						offset: 0,
						color: 'rgba(219, 50, 51, 0.3)'
					}, {
						offset: 0.8,
						color: 'rgba(219, 50, 51, 0)'
					}], false),
					shadowColor: 'rgba(0, 0, 0, 0.1)',
					shadowBlur: 10
				}
			},
			itemStyle: {
				normal: {
					color: '#eb5690'
				}
			},
			data: duck
		},  {
			name: '鹅',
			type: 'line',
			smooth: true,
			showSymbol: false,
			lineStyle: {
				normal: {
					width: 2
				}
			},
			areaStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
						offset: 0,
						color: 'rgba(0, 136, 212, 0.3)'
					}, {
						offset: 0.8,
						color: 'rgba(0, 136, 212, 0)'
					}], false),
					shadowColor: 'rgba(0, 0, 0, 0.1)',
					shadowBlur: 10
				}
			},
			itemStyle: {
				normal: {
					color: '#43bbfb'
				}
			},
			data: goose
		},
		{
			name: '其他',
			type: 'line',
			smooth: true,
			showSymbol: false,
			lineStyle: {
				normal: {
					width: 2
				}
			},
			areaStyle: {
				normal: {
					color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
						offset: 0,
						color: 'rgba(255, 204, 0, 0.3)'
					}, {
						offset: 0.8,
						color: 'rgba(255, 204, 0, 0)'
					}], false),
					shadowColor: 'rgba(0, 0, 0, 0.1)',
					shadowBlur: 10
				}
			},
			itemStyle: {
				normal: {
					color: '#ffcc00'
				}
			},
			data: rest
		}
		]
	};
	myChart3.setOption(option);
}

// 销售去向市场
function init_myChart5() {
    $.ajax({
        type: 'GET',
        url: `${URL}PoultrySales/findRelation/in/year?houseId=85`,
        dataType: "json",
        async: false,
        success: function (data) {
			console.log(data);
            if (data.status == 1) {
                $('.relationEchart').addClass('hidden')
                return
            }
            let dataArr = data.object
            if (dataArr.length == 0) {
                return
            }
            // dataArr = dataArr.reduce(function (item, next) {
            //     console.log(item)
            //     obj[houseName] ? "" : obj[next.houseName] = true && item.push(next);
            //     return item;
            // }, []);

            let dataLink = []

            let dataRel = dataArr.map((item, i) => {
                let j = i >= 1 ? 1 : 0
                let size = i >= 1 ? 40 : 70
                let objLink = {
                    source: 0,
                    target: i,
                    value: ''
                }
                dataLink.push(objLink)
                return objRel = {
                    name: item.houseName,
                    draggable: true, // 是否可以拖拽，默认false
                    category: j, // 这是种类，运维1测试2应用3实施4开发5
                    number: i, // 这是编号 非必须，目的仅为方便编写line
                    value: [10, 50], //图形大小
                    symbolSize: size,
                    showNum: item.saleCount //节点需要显示的额外内容
                }
            })
            console.log(dataRel);
            // dataRel = [{ name: "汾江市场", draggable: true, category: 0, number: 0, value: [30, 5], showNum: 590, symbolSize: 70 }, {
            //     name: "允书白市场", draggable: true, category: 1, number: 2, value: [30, 5], showNum: 11,
            //     symbolSize: 40
            // }, {
            //     name: "伍乐容市场", draggable: true, category: 1, number: 2, value: [30, 5], showNum: 11,
            //     symbolSize: 40
            // }, {
            //     name: "佛山市综合批发市场", draggable: true, category: 1, number: 2, value: [30, 5], showNum: 11,
            //     symbolSize: 40
            // }, {
            //     name: "菅翠丝市场", draggable: true, category: 1, number: 2, value: [30, 5], showNum: 11,
            //     symbolSize: 40
            // }]
            // var myChart = echarts.init(document.getElementById('relationEchart'), 'macarons');
            let option = {
                tooltip: {},
                animationDurationUpdate: 1500,
                animationEasingUpdate: 'quinticInOut',
                legend: {
                    x: "center",
                    show: true,
                    data: [] // 此处不显示根节点学生
                },
                series: [{
                    type: 'graph',
                    layout: 'force',
                    symbolSize: function (size) {
                        return size;
                    },
                    edgeSymbol: ['circle', 'arrow'],
                    edgeSymbolSize: [0, 8],
                    edgeLabel: {
                        normal: {
                            show: true,
                            textStyle: {
                                fontSize: 30
                            },
                            formatter: "{c}"
                        }
                    },
                    force: {
                        repulsion: 6000,
                        edgeLength: [600, 600]
                    },
                    focusNodeAdjacency: true,
                    roam: true,
                    categories: [{
                        name: '11',
                    }, {
                        name: '00',
                    }],
                    label: {
                        normal: {
                            show: true,
                            textStyle: {
                                fontSize: 12
                            },
                        }
                    },
                    force: {
                        repulsion: 500
                    },
                    tooltip: {
                        formatter: function (node) { // 区分连线和节点，节点上额外显示其他数字
                            if (!node.value) {
                                return node.data.name;
                            } else {
                                return node.data.name + ":" + node.data.showNum;
                            }
                        },
                    },
                    lineStyle: {
                        normal: {
                            opacity: 0.9,
                            width: 2,
                            curveness: 0.2
                        }
                    },
                    data: dataRel,
                    links: dataLink
                }]
            };

            myChart5.setOption(option);
            window.addEventListener("resize", function () {
                myChart5.resize();
            });
        },
    })

}


//各屠宰市场今日贴标量ajax
function charts6Ajax() {
    $.ajax({
        type: 'GET',
        // url: `${URL}supervise/findnumByMarketToday/houseId?id=${marketId}`,
        url:`${URL}SlaughterData/findnumByslaughterToday`,
        dataType: "json",
        success: function (data) {
            charts6Data  = data.object;   
            init_myChart6(charts6Data);
        },
        error: function (data) { }
    })
}

// 各市场今日贴标数量柱状图
function init_myChart6(charts6Data){
	// 近一年日均贴标量
	var avgData = charts6Data.avgNum
	//各市场今日贴标量
	var marketToday = charts6Data.data.uploadData
	var data = {"uploadData":marketToday};		

	var uploadCnt = [];
	var areaNameS = [];
	var timeOut = 0;

	if (data.uploadData) {
		for (var i = 0; i < data.uploadData.length; i++) {
			uploadCnt.push(data.uploadData[i].count);
			areaNameS.push(data.uploadData[i].areaName);
		}
	}
	
	var option = {
		"tooltip": {
			"trigger": "axis",
			transitionDuration: 0,
			backgroundColor: 'rgba(83,93,105,0.8)',
			borderColor: '#535b69',
			borderRadius: 8,
			borderWidth: 1,
			padding: [5, 10],
			axisPointer: {
				type: 'shadow',
				lineStyle: {
					color: '#ffff00'
				}
			}
		},
		"grid": {
			"top": '40',
			"left": '30',
			"right": '10',
			"bottom": '50',
	
			textStyle: {
				color: "#fff"
			}
		},
		"legend": {
			right: '24',
			top: "5",
			itemWidth: 8,
			itemHeight: 12,
			textStyle: {
				color: '#fff',
				fontSize:14
			},
		},
		"calculable": true,
		dataZoom: [{
			// 区域缩放组件
			// show: true,
			show:false,
			startValue: 0,
			endValue: 2,
		}],
		xAxis: [{
			'type': 'category',
			"axisTick": {
				"show": false
			},
			"axisLine": {
				"show": false,
				lineStyle: {
					color: '#868c96'
				}
			},
			"axisLabel": {
				"interval": 0,
				fontSize:14,
				// formatter:function(value)
				// {
				// 	var ret = "";//拼接加\n返回的类目项
				// 	var maxLength = 3;//每项显示文字个数
				// 	var valLength = value.length;//X轴类目项的文字个数
				// 	var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
				// 	if (rowN > 1)//如果类目项的文字大于3,
				// 	{
				// 		for (var i = 0; i < rowN; i++) {
				// 			var temp = "";//每次截取的字符串
				// 			var start = i * maxLength;//开始截取的位置
				// 			var end = start + maxLength;//结束截取的位置
				// 			//这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
				// 			temp = value.substring(start, end) + "\n";
				// 			ret += temp; //凭借最终的字符串
				// 		}
				// 		return ret;
				// 	}
				// 	else {
				// 		return value;
				// 	}
				// }

			},
			"splitArea": {
				"show": false
			},
			'data': areaNameS,
			splitLine: {
				show: false
			}
		}],
		"yAxis": [
			{
				"type": "value",
				offset: -14,
				"splitLine": {
					"show": false
				},
				"axisLine": {
					"show": false,
					lineStyle: {
						color: '#868c96'
					}
				},
				"axisTick": {
					"show": false
				},
				"axisLabel": {
					"interval": 0,
					fontSize:14
				},
				"splitArea": {
					"show": false
				}
			}],
		
		"series": [
			{
				"name": "今日贴标量",
				"type": "bar",
				"barGap": "10%",
				itemStyle: {//图形样式
					normal: {
						"color": '#4a4df0'
					}
				},
				label: {
					normal: {
						show: true,
						position: "top",
						textStyle: {
							color: "#ffc72b",
							fontSize: 10
						}
					}
				},
				"data": uploadCnt,
				barWidth: 30,
			},{
			name:'近一年日均贴标量',
			type:'line',
			itemStyle : {  /*设置折线颜色*/
				normal : {
				  color:'#c7b198'
				}
			},
			data:avgData,
			
			"splitLine": {
				"show": false
			},
			"axisLine": {
				"show": false,
			},
			"axisTick": {
				"show": false
			},
			"axisLabel": {
				"interval": 0,
				fontSize:14
			},
			"splitArea": {
				"show": false
			}
		}
		]
	};


	//自动滚动
	function autoMove(){
		  timeOut = setInterval(()=>{
		 // clearInterval(this.timeOut)
		 // 每次向后滚动一个，最后一个从头开始。
		//  if(stopMove){ return }
		   if (Number(option.dataZoom[0].endValue) === data.uploadData.length-1) {
			  option.dataZoom[0].endValue = 2;
			  option.dataZoom[0].startValue = 0;
		 } else {
			  option.dataZoom[0].endValue =  option.dataZoom[0].endValue + 1;
			  option.dataZoom[0].startValue =  option.dataZoom[0].startValue + 1;
		 }
		 myChart6.setOption(option);
	 }, 3000);
	 }

	  //停止滚动
	  function stop(){
		// this.stopMove=true
		clearInterval(timeOut)
	  }
	
	  //继续滚动
	  function goMove(){
		//  this.stopMove=false
		 autoMove()
	  }

	// 使用刚指定的配置项和数据显示图表
	myChart6.setOption(option);
	// myChart6.on('mouseover',stop);
	// myChart6.on('mouseout',goMove);
	// autoMove();

}

//市场贴标前十ajax
// function charts7Ajax() {
//     $.ajax({
//         type: 'GET',
//         // url: `${URL}supervise/findnumByMarketToday/houseId?id=${marketId}`,
//         url:`${URL}/RestaurantData/topTenRest`,
//         dataType: "json",
//         success: function (data) {
//             charts7Data  = data.object;      
//             init_myChart7(charts7Data);
//         },
//         error: function (data) { }
//     })
// }


// function init_myChart7(charts7Data){
// 	var data = charts7Data 

// var colorList = [
//     '#ff2600',
//     '#ffc000',
//     '#00ad4e',
//     '#0073c2',
//     '#165868',
//     '#e76f00',
//     '#316194',
//     '#723761',
//     '#00b2f1',
//     '#4d6022',
//     '#4b83bf',
//     '#f9c813',
//     '#0176c0'
// ];

// var xData = []
// var yData = []

// for (var i = 0; i < data.length; i++) {
// 	xData.push(data[i].marketName);
// 	yData.push(data[i].topTen);
// }

// // var xData = ['汾江市场','文田市场','泰丰市场','升平市场','新市市场','福兴市场', '沙口市场', '允书白市场', '生态市场','仲恺市场'];
// // var yData = [9999,8888,7777,6666,5555,4444,3333,2222,1111,123];
// option = {
//     color:colorList,
//     "tooltip": {
// 			"trigger": "axis",
// 			transitionDuration: 0,
// 			backgroundColor: 'rgba(83,93,105,0.8)',
// 			borderColor: '#535b69',
// 			borderRadius: 8,
// 			borderWidth: 2,
// 			padding: [5, 10],
// 			formatter: function (params, ticket, callback) {
// 				var res = '';
// 				for (var i = 0, l = params.length; i < l; i++) {
// 					res += '' + params[i].seriesName + ' : ' + params[i].value + '<br>';
// 				}
// 				return res;
// 			},
// 			axisPointer: {
// 				type: 'shadow',
// 				lineStyle: {
// 					type: 'dashed',
// 					color: '#ffff00'
// 				}
// 			}
// 		},
//     toolbox: {
//         show : true,
//         feature : {
//             mark : {
//                 show: true
//             },

//         }
//     },
//     grid: {
//        "borderWidth": 0,
// 			"top": '30',
// 			"left": '30',
// 			"right": '10',
// 			"bottom": '50',
// 			textStyle: {
// 				color: "#fff"
// 			}
//     },
	
//     xAxis : [
//        {
// 			'type': 'category',
// 			"axisTick": {
// 				"show": false
// 			},
// 			"axisLine": {
// 				"show": false,
// 				lineStyle: {
// 					color: '#868c96'
// 				}
// 			},
// 			"axisLabel": {
// 				"interval": 0,
// 				fontSize:14,
// 				// formatter:function(value)
// 				// {
// 				// 	var ret = "";//拼接加\n返回的类目项
// 				// 	var maxLength = 2;//每项显示文字个数
// 				// 	var valLength = value.length;//X轴类目项的文字个数
// 				// 	var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
// 				// 	if (rowN > 1)//如果类目项的文字大于3,
// 				// 	{
// 				// 		for (var i = 0; i < rowN; i++) {
// 				// 			var temp = "";//每次截取的字符串
// 				// 			var start = i * maxLength;//开始截取的位置
// 				// 			var end = start + maxLength;//结束截取的位置
// 				// 			//这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
// 				// 			temp = value.substring(start, end) + "\n";
// 				// 			ret += temp; //凭借最终的字符串
// 				// 		}
// 				// 		return ret;
// 				// 	}
// 				// 	else {
// 				// 		return value;
// 				// 	}
// 				// }
// 			},
// 			"splitArea": {
// 				"show": false
// 			},
// 			'data': xData,
// 			splitLine: {
// 				show: false
// 			},
		
// 		}
//     ],
//     yAxis : [
//       {
// 				"type": "value",
// 				offset: -14,
// 				"splitLine": {
// 					"show": false
// 				},
// 				"axisLine": {
// 					"show": false,
// 					lineStyle: {
// 						color: '#868c96'
// 					}
// 				},
// 				"axisTick": {
// 					"show": false
// 				},
// 				"axisLabel": {
// 					"interval": 0,
// 					fontSize:14

// 				},
// 				"splitArea": {
// 					"show": false
// 				}
// 			}

//     ],
//     series : [
//         {
//             name:'贴标数',
//             type:'bar',
//             data:yData,
//             itemStyle: {
//                 normal: {
//                     color: function(params) {
//                         // build a color map as your need.
//                         var colorList = [
//                             '#ff2600',
//                             '#ffc000',
//                             '#00ad4e',
//                             '#0073c2',
//                             '#165868',
//                             '#e76f00',
//                             '#316194',
//                             '#723761',
//                             '#00b2f1',
//                             '#4d6022',
//                             '#4b83bf',
//                             '#f9c813',
//                             '#0176c0'
//                         ];
//                         return colorList[params.dataIndex]
//                     },
                   
//                 }
//             },
// 			 barWidth: 30,
// 			 label: {
// 					normal: {
// 						show: true,
// 						position: "top",
// 						textStyle: {
// 							color: "#ffc72b",
// 							fontSize: 10
// 						}
// 					}
// 				},
//         },
// 		// {
// 		// 	name:'折线',
// 		// 	type:'line',
// 		// 	itemStyle : {  /*设置折线颜色*/
// 		// 		normal : {
// 		// 		  color:'#d3d5fd'
// 		// 		}
// 		// 	},
// 		// 	data:yData
// 		// }
     
//     ]
// };


// // 使用刚指定的配置项和数据显示图表。
// 	myChart7.setOption(option);
// }


//获取当前时间
function getNowFormatDate() {
    var date = new Date();
    var year = date.getFullYear();
    var month = date.getMonth() + 1;
    var strDate = date.getDate();
    var Hour =  date.getHours();       // 获取当前小时数(0-23)
    var Minute =  date.getMinutes();     // 获取当前分钟数(0-59)
    var Second = date.getSeconds();     // 获取当前秒数(0-59)
    var show_day=new Array('星期日','星期一','星期二','星期三','星期四','星期五','星期六');
    var day=date.getDay();
    if (Hour<10) {
        Hour = "0" + Hour;
    }
    if (Minute <10) {
        Minute = "0" + Minute;
    }
    if (Second <10) {
        Second = "0" + Second;
    }
    if (month >= 1 && month <= 9) {
        month = "0" + month;
    }
    if (strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
    }
    var currentdate = '<div>'+'数据更新至'+year + '年' + month +'月' + strDate+'日'+Hour+'时'+'</div>';
    // var HMS = Hour + ':' + Minute +':' + Second;
	var HMS = '<div>'+  Hour + '时'+'</div>';
	var temp_time = year+'-'+month+'-'+strDate+' '+HMS;
    $('.nowTime li:nth-child(1)').html(currentdate);
    // $('.nowTime li:nth-child(2)').html(HMS);
	//$('.topRec_List li div:nth-child(3)').html(temp_time);
    setTimeout(getNowFormatDate,1000);//每隔1秒重新调用一次该函数
}




// 返回按钮
function reButt() {
	window.location.href = '/static/SlaughterAdmin.html'
}


// 选择其他镇时提示无数据
// $('.select-ul').on('click', 'li', function () {
// 	alert("该镇无相关数据");
// 	window.location.href = '/static/MarketSupData.html';
// });


// 客户贴标数据ajax
function getUsers() {
    $.ajax({
        type: "GET",
        // url: `${URL}PoultrySales/findCountOfParentThisYear/by/house?houseId=${marketId}`,
        url:`${URL}SlaughterData/findallrecord`,
        dataType: "json",
        success(data) {
            data = data.object
			userData(data)
        },
        error() { }
    })
}

// 客户贴标数据
function userData(data) {
    let allUserData = ''
	for (var i = 0; i < data.length; i++) {
		allUserData += '<li>' +
			'<div>' + data[i].name+ '</div>' +
			'<div>' + data[i].poultryName + '</div>' +
			'<div>' + data[i].slaughter + '</div>' +
			'<div>' + data[i].date + '</div>' +
			'<div>' + data[i].toMarket + '</div>' +
			'</li>'	
		$(".maquee ul").html(allUserData)
	}
}

// 客户贴标数据自动滚动
$(function () {
	setInterval('autoScroll(".maquee")', 2000);
})

function autoScroll(obj) {
	$(obj).find("ul").animate({
		marginTop: "-39px"
	}, 600, function () {
		$(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
	})
}

setInterval(function (){
    window.onresize = function () {
		this.myChart1.resize;
		this.myChart2.resize;
		this.myChart3.resize;
		this.myChart5.resize;
		this.myChart6.resize;
		// this.myChart7.resize;
    }
},3600000)

